<template>
  <div id="app">
  	<div>
  		<!----------滚动广告-------------->
			<div id="noticeF">
				<div id="notice2">
					<p class="noticeImg2"><img src="../static/img/notice.png" />平台公告</p>
					<div class="noticeBox2">
						<p class="noticeText2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;本平台禁止刷单，拍A发B等违反国家政策的行为，如有发现，封号处理！</p>
					</div>
				</div>
			</div>
	    <router-view/>
  	</div>
  	
    <footer>
    	<div class="footer_1">
    		<div class="footer_left">
    			<div class="qrcode">
    				<img src="../static/img/code.jpg"/>
    				<p><span>随时逛</span><span>及时抢</span></p>
    			</div>
    			<ul class="footer_text">
    				<li>
    					<router-link to="/about" class="logout" >关于我们</router-link>
    					<router-link to="/agreement" class="logout">用户协议</router-link>
    					<router-link to="/help" class="logout" >帮助中心</router-link>
    					<a href="http://www.miitbeian.gov.cn" target="_blank">©2018 中山市天牛网络有限公司版权所有<span>粤ICP备16114565号</span></a>
    				</li>
    				<li>
    					<p>联系我们：</p>
    					<p>QQ:800856669</p>
    					<p>邮箱：ganjinshi@163.com</p>
    					<p>微信号：ganjinshi</p>
    				</li>
    				<li>
    					<p>友情链接：</p>
							<a target="_blank" href="http://www.xinhuanet.com/" rel="nofollow">新华网</a>
							<a target="_blank" href="https://news.baidu.com/"rel="nofollow">百度新闻</a>
							<a target="_blank" href="http://news.qq.com/"rel="nofollow">腾讯新闻</a>
							<a target="_blank" href="http://news.sina.com.cn/"rel="nofollow">新浪新闻</a>
							<a target="_blank" href="http://news.ifeng.com/"rel="nofollow">凤凰资讯</a>
							<a target="_blank" href="https://www.thepaper.cn/"rel="nofollow">澎湃新闻</a>
							<a target="_blank" href="http://www.chinanews.com/"rel="nofollow">中国新闻网</a>
							<a target="_blank" href="https://www.shaileba.com">晒了吗</a>
							<a target="_blank" href="http://www.dzbsms.com">电子说明书</a>
							<a target="_blank" href="https://www.xinzhuapp.com/">新主</a>
							<!--<a target="_blank" href="https://www.givall.cn/">愿望树</a>-->
							<a target="_blank" href="https://www.pinpai888.cn//">中国品牌网</a>
    				</li>
    			</ul>
    		</div>
    		<a class="qq" href="tencent://message/?uin=800856669&Site=&Menu=yes" rel="nofollow"><img src="../static/img/footer-10.png"/></a>
    	</div>
    	<!--<div class="footer_2">
    		<a href="http://www.miitbeian.gov.cn" target="_blank">©2018 中山市天牛网络有限公司版权所有<span>粤ICP备16114565号-6</span></a>
    	</div>-->
    	<div class="footer_3">
    		<img src="../static/img/footer-01.png"/>
    		<img src="../static/img/footer-02.png"/>
    		<img src="../static/img/footer-03.png"/>
    		<img src="../static/img/footer-04.png"/>
    		<img src="../static/img/footer-05.png"/>
    		<img src="../static/img/footer-06.png"/>
    		<img src="../static/img/footer-07.png"/>
    		<img src="../static/img/footer-08.png"/>
    	</div>
    </footer>
  </div>
</template>
<script>
export default {
  name: 'App',
	mounted:function(){
		var noticeText2 = parseInt($('.noticeText2').width());
		var noticeTime2 = setInterval(function(){
			let left2 = parseInt($('.noticeText2').css('margin-left'));
			if(left2 == -noticeText2){
				left2 = 875;
			}
			left2 -= 1;
			$('.noticeText2').css('margin-left',left2 + 'px');
		},15);
	}
}
</script>

<style>
*{
	padding: 0;
	margin: 0;
}
html,body{
	width: 100%;
	height: 100%;
}
body{
  font-family: "Microsoft YaHei UI","Microsoft YaHei","Segoe UI",Tahoma,SimSun,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  min-width: 1366px;
  background-color: #f5f5f5;
  font-size: 14px;
}
ul,ol,li{
	list-style: none;
}
a{
	text-decoration: none;
	color: inherit;
}
input,textarea{
	outline: none;
}
input[type='button'],
input[type='button']{
	cursor: pointer;
}
input::-webkit-input-placeholder{
            color:#B3B3B3;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#B3B3B3;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#B3B3B3;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#B3B3B3;
        }
textarea::-webkit-input-placeholder{
            color:#B3B3B3;
        }
        textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#B3B3B3;
        }
        textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#B3B3B3;
        }
        textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#B3B3B3;
        }
#app{
	min-height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
/*-------------公告---------------*/
#noticeF{
	width: 100%;
	height: 30px;
	background-color: #FFFFFF;
	font-size: 14px; 
}
#notice2{
	width: 1366px;
	padding: 0 200px;
	box-sizing: border-box;
	margin: 0 auto;
	display: flex;
	color: #fd8228;
}
#notice2 .noticeBox2{
	overflow: hidden;
	display: flex;
}
.noticeText2{
	display: flex;
	align-items: center;
	height: 30px;
	padding-right: 30px;
	white-space: nowrap;
}
.noticeImg2{
	display: flex;
	align-items: center;
	height: 30px;
	padding-right: 10px;
	white-space: nowrap;
}
.noticeImg2 img{
	height: 15px;
	margin-right: 10px;
}
/*--------footer-------------*/
footer{
	background-color: #fff;
	padding: 30px;
	border-top: 1px solid #E6E6E6;
	box-sizing: border-box;
	margin-top: 30px;
}
.footer_1{
	width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 20px;
}
.footer_left{
	display: flex;
	align-items: flex-end;
}
.footer_left .qrcode{
	width: 80px;
	margin-right: 30px;
}
.footer_left .qrcode img{
	width: 100%;
	display: block;
	margin-bottom: 5px;
}
.footer_left .qrcode p{
	display: flex;
	justify-content: space-between;
	color: #808080;
	font-size: 12px;
}
.footer_text li{
	display: flex;
	margin-top: 20px;
	color: #545454;
}
.footer_text li:first-child{
	margin-top: 0;
}
.footer_text li p,
.footer_text li a{
	margin-right: 10px;
}
.qq img{
	height: 40px;
	display: block;
}
.footer_2{
	text-align: center;
	color: #808080;
	margin-top: 15px;
}
.footer_2 span{
	margin-left: 10px;
}
.footer_3{
	display: flex;
	justify-content: center;
	margin-top: 15px;
}
.footer_3 img{
	height: 35px;
	display: block;
	margin-right: 10px;
}
.footer_3 img:last-child{
	margin-right: 0;
}

/*--------复选框样式修改--------------*/
.el-checkbox-group{
	display: flex;
}
.el-checkbox{
	display: flex;
	align-items: center;
}
.el-checkbox+.el-checkbox{
	margin-left: 0;
}
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
	background-color: #FF464E;
	border-color: #FF464E;
}
.el-checkbox__input.is-focus .el-checkbox__inner{
	border-color: #FF464E;
}
.el-checkbox__inner:hover{
	border-color: #FF464E;
}
.el-checkbox__input.is-checked+.el-checkbox__label{
	color: #545454;
}
</style>
